<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

		<title></title>

		<link rel="icon" href="img/icon.png" type="image/x-icon" />

		<!-- layui -->
		<link type="text/css" rel="stylesheet" href="layui/css/layui.css" />

		<!-- Google font -->
		<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">

		<!-- Bootstrap -->
		<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />

		<!-- Slick -->
		<link type="text/css" rel="stylesheet" href="css/slick.css" />
		<link type="text/css" rel="stylesheet" href="css/slick-theme.css" />

		<!-- nouislider -->
		<link type="text/css" rel="stylesheet" href="css/nouislider.min.css" />

		<!-- Font Awesome Icon -->
		<link rel="stylesheet" href="css/font-awesome.min.css">

		<!-- Custom stlylesheet -->
		<link type="text/css" rel="stylesheet" href="css/style.css" />

		 
		<link type="text/css" rel="stylesheet" href="css/common.css" />
		 
		<link type="text/css" rel="stylesheet" href="css/index.css" />
		<link type="text/css" rel="stylesheet" href="css/waterfall.css" />

		<!-- Custom stlylesheet -->
		<!--<link type="text/css" rel="stylesheet" href="css/set1.css" />-->
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

	</head>

	<body>
		<!-- HEADER -->
		<header>
			<!-- 菜单 -->
			<div id="top-header">
				<div class="container">
					<ul class="header-links pull-left" style="margin-left: 20px;">
						<li>
							<a href="index.html"><i class="fa fa-home" aria-hidden="true"></i><span>首页</span></a>
						</li>
						<li>
							<a href="#"><i class="fa fa-bars" aria-hidden="true"></i><span>排课系统</span></a>
						</li>
					</ul>
					<div id="top-nav-left">
						<a href="#" id="mvLeft"><i class="layui-icon">&#xe603;</i></a>
					</div>
					<div id="top-nav-right">
						<a href="#" id="mvRight"><i class="layui-icon">&#xe602;</i></a>
					</div>
					<ul class="header-links pull-right" style="margin-right: 20px;">
						<li>
							<a href="#"><i class="fa fa-user-o"></i>登陆</a>
						</li>
					</ul>
				</div>
			</div>

			<!-- 轮播 -->
			<div id="header">
				<div class="container">
					<div class="row">
						<div class="col-md-12">

							<div style="width: 100%">
								<div class="layui-carousel" id="top-carousel">
									<div carousel-item="">
										<div style="background-color: #15161D">
											<img src="./img/pic01.png" alt="山里山外信息技术">
										</div>
										<div style="background-color: #15161D">
											<img src="./img/pic02.png" alt="免费信息发布平台">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

		<!-- 内容区域 -->
		<div class="section">
			<!-- container -->
			<div class="container">
				<!-- row -->
				<div class="row">

					<!-- section title -->
					<div class="col-md-12">
						<div class="section-title">
							<h5 class="title">                      
                        <img src="img/menu01.png" />
                        <br>
                        <span style="font-size: 12px;margin-left: 20px;">&nbsp;&nbsp;便&nbsp;&nbsp;民&nbsp;&nbsp;信&nbsp;&nbsp;息</span>
                    </h5>
						</div>
					</div>
					<!-- /section title -->

					<!-- Products tab & slick -->
					<div class="col-md-12 " >
						<div class="waterfall-layout">
							<div class="container-waterfall">
								<div class="info">
									<h3><a href="#">Animation films</a></h3>
									<span><a href="#"><label> </label>Movies</a></span>
									<p>Lorem Ipsum is simply dummy text of the printing &amp; typesetting industry.</p>
								</div>
								<div class="tools">
									<div class="rateit">
										<span> 1</span>
									</div>
									<div class="post-share">
										<span>2 </span>
									</div>
									<div class="clear">2 </div>
								</div>
							</div>
							
							
						</div>
					</div>
					<!-- Products tab & slick -->
				</div>
				<!-- /row -->
			</div>
			<!-- /container -->
		</div>
		<!-- /SECTION -->

		<!-- NEWSLETTER -->
		<div id="newsletter" class="section">
			<!-- container -->
			<div class="container">
				<!-- row -->
				<div class="row">
					<div class="col-md-12">
						<div class="newsletter">
							<p>欢迎订阅，<strong>  因为有你，所以精彩！</strong></p>
							<form style="display: inline-flex;">
								<input class="input" type="email" placeholder="Enter Your Email">
								<button class="newsletter-btn"><i class="fa fa-envelope"></i> 订阅
                        </button>
							</form>
							<ul class="newsletter-follow">
								<li>
									<a href="#"><i class="fa fa-facebook"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-twitter"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-pinterest"></i></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- /row -->
			</div>
			<!-- /container -->
		</div>
		<!-- /NEWSLETTER -->

		<!-- FOOTER -->
		<footer id="footer">
			<!-- top footer -->
			<div class="section">
				<!-- container -->
				<div class="container">
					<!-- row -->
					<div class="row">
						<div class="col-md-3 col-xs-6">
							<div class="footer">
								<h3 class="footer-title">初衷</h3>
								<ul class="layui-timeline">
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text">
											<h3 class="layui-timeline-title" style="color: white;">2018年11月15日</h3>
											<p>
												<br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
												<br>理想不倒、来日方长
											</p>
										</div>
									</li>
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text">
											<h3 class="layui-timeline-title" style="color: white;">2018年9月3日</h3>
											<p>
												中国人民抗日战争胜利73周年
												<br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
												<br>铭记、感恩
												<br>所有为中华民族浴血奋战的英雄将士
												<br>永垂不朽
											</p>
										</div>
									</li>
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text">
											<div class="layui-timeline-title">过去</div>
										</div>
									</li>
								</ul>
							</div>
						</div>

						<div class="col-md-3 col-xs-6">
							<div class="footer">
								<h3 class="footer-title">联系方式</h3>
								<ul class="footer-links" id="about">
									<li>
										<a href="#"></a>
									</li>
									<li>
										<a href="#"></a>
									</li>
									<li>
										<a href="#"></a>
									</li>
								</ul>
							</div>
						</div>

						<div class="clearfix visible-xs"></div>

						<div class="col-md-3 col-xs-6">
							<div class="footer">
								<h3 class="footer-title">友情链接</h3>
								<ul class="footer-links">
									<!--<li><a href="#">About Us</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Orders and Returns</a></li>
                            <li><a href="#">Terms & Conditions</a></li>-->
								</ul>
							</div>
						</div>

						<div class="col-md-3 col-xs-6">
							<div class="footer">
								<h3 class="footer-title">服务</h3>
								<ul class="footer-links">
									<!--<li><a href="#">My Account</a></li>
                            <li><a href="#">View Cart</a></li>
                            <li><a href="#">Wishlist</a></li>
                            <li><a href="#">Track My Order</a></li>
                            <li><a href="#">Help</a></li>-->
                            		<li>
                            			<div>
                            				<img src="img/wx.png" width="100px" height="100px" />
                            				<p>
	                            				关注微信小程序	
                            				</p>
                            			</div>
                            		</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- /row -->
				</div>
				<!-- /container -->
			</div>
			<!-- /top footer -->

			<!-- bottom footer -->
			<div id="bottom-footer" class="section">
				<div class="container">
					<!-- row -->
					<div class="row">
						<div class="col-md-12 text-center">
							<!--<ul class="footer-payments">
								<li>
									<a href="#"><i class="fa fa-cc-visa"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-credit-card"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-cc-paypal"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-cc-mastercard"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-cc-discover"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-cc-amex"></i></a>
								</li>
							</ul>-->
							<span class="copyright">
						Copyright &copy;<script>document.write(new Date().getFullYear());</script>
					</span>
						</div>
					</div>
					<!-- /row -->
				</div>
				<!-- /container -->
			</div>
			<!-- /bottom footer -->
		</footer>
		<!-- /FOOTER -->

		<script type="text/html" id="productNew">
			{{# layui.each(d.list[0],function(index,item){}}

			<div class="product slick-slide slick-active" style="width: 20%;" layer-href>
				<div class="product-img">
					123
					<div class="product-label">
						<span class="sale">折扣</span>
						<span class="new">NEW</span>
					</div>
				</div>
				<div class="product-body">
					<p class="product-category">2222</p>
					<h3 class="product-name"><a href="#">2222</a></h3>
					<h4 class="product-price">￥2222
                <del class="product-old-price">￥3333</del>
            </h4>
					<div class="product-rating">
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
					</div>
					<div class="product-btns">
						<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">标记为喜欢</span>
                </button>
						<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">对比</span>
                </button>
						<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">查看详情</span>
                </button>
					</div>
				</div>
				<div class="add-to-cart">
					<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                <a href="{{item.productUrl}}" target="_blank">前往购买</a>
            </button>
				</div>
			</div>
			{{# });}}

		</script>

		<!-- JS -->
		<!--
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>-->

		<script src="js/jquery.min.js"></script>
		<script src="layui/layui.js"></script>
		<script src="controller/common.js"></script>
		<script src="controller/index.js"></script>
	</body>

</html>